<!doctype html>
<html>
    <head>
        <link rel="import" href="inline/head.html?__inline">
        <link rel="stylesheet" type="text/css" href="css/swiper.css" />
        <link rel="stylesheet"  type="text/css" href="css/common.less" />
        
        <link rel="stylesheet" type="text/css" href="css/index.less" />
        
        <!--描述：加载设计样式-->
    </head>
    <body>
        <h1>平安京音乐节</h1>
        <!--分享设置-->
        <link rel="import" href="inline/share_setting.html?__inline">

        <div id="forhorview">
            <div class="lock-bg"></div>
            <p>请使用横屏打开~</p>
        </div>
        <div id="forhorview2" class="show">
            <p>若长时间无法进入页面<br>请尝试刷新重试</p>
        </div>
        <!--音乐层-->
        <div class="audio-wrap">
            <audio src="data/music/bg.mp3" type="audio/mp3" loop="loop"  id="au1" preload="load"></audio>
        </div>

        <!--loading页面-->
        <div class="load-wrap ">
            <div class="jd-wrap"><div class="jd-line"></div></div>
            <div class="load-btn"></div>
        </div>

        <div id="main" class="start-ani">
            <!--主体-->

            <div class="main-swiper-wrap">
                <div class="swiper-container main-swiper">
                    <div class="swiper-wrapper">
                        <!--用于过度-->
                        <div class="swiper-slide p0"></div>

                        <!--草莓舞台-->
                        <div class="swiper-slide p1">
                            
                        </div>

                        <!--爱舞台-->
                        <div class="swiper-slide p2">
                            
                        </div>

                        <!--嘻哈舞台-->
                        <div class="swiper-slide p3">
                
                        </div>

                        <!--妙舞台-->
                        <div class="swiper-slide p4">
                            
                        </div>

                        <!--新血舞台-->
                        <div class="swiper-slide p5">
                            
                        </div>
                    </div>
                </div>
            </div>            
            
            <div class="scene-wrap-all">
                <div class="scene-wrap">
                    <div class="scene">
                        <div class="stg stage1" data-clid="1" data-cl="cm">
                            <div class="clickme"></div>
                        </div>
                        <div class="stg stage2" data-clid="2" data-cl="ai">
                            <div class="clickme"></div>
                        </div>
                        <div class="stg stage3" data-clid="3" data-cl="xh">
                            <div class="clickme"></div>
                        </div>
                        <div class="stg stage4" data-clid="4" data-cl="miao">
                            <div class="clickme"></div>
                        </div>
                        <div class="stg stage5" data-clid="5" data-cl="xx">
                            <div class="clickme"></div>
                        </div>
                        <a href="javascript:;" title="yys" class="scene-rule"></a>
                        <a href="https://adl.netease.com/d/g/yys/c/caomei" title="download" class="scene-down"></a>
                    </div>
                </div>

                <div class="scene-lbtn"></div>
                <div class="scene-rbtn"></div>
            </div>

            <!--通用底部模块-->
            <!-- <link rel="import" href="inline/site_bottom.html?__inline"> -->

        </div>
        
        <!--音乐按钮-->
        <!-- <div class="musicbtn active"></div> -->

        
        <!--当天初次进入同一个活动弹层-->
        <div class="pop" id="firstenter-wrap">
            <div class="pop-con firstenter ">
                <div class="pop-close"></div>
                <div class="pop-close-all" backstage></div>
                <div class="con">
                    <div class="firstenter-tit"></div>
                    <div class="playback-wrap">
                        <div class="startplay-btn"></div>
                        <div class="backstage-btn" backstage></div>
                    </div>
                </div>
            </div>
            <a href="http://t.cn/RaOf1g2" class="hmm-link"></a>
        </div>
    
        <!--当天再次进入同一个活动弹层-->
        <div class="pop" id="secenter-wrap">
            <div class="pop-con secenter ">
                <div class="pop-close"></div>
                <div class="pop-close-all" backstage></div>
                <div class="con">
                    <div class="secenter-tit"></div>
                    <div class="secback-wrap">
                        <div class="secback-btn" backstage></div>
                    </div>
                </div>
            </div>
            <a href="http://t.cn/RaOf1g2" class="hmm-link"></a>
        </div> 

        <!--应援失败弹层-->
        <div class="pop" id="yyfail-wrap">
            <div class="pop-con yyfail ">
                <div class="pop-close"></div>
                <div class="pop-close-all" backstage></div>
                <div class="con">
                    <div class="fail-emoji"></div>
                    <div class="yyfail-tit"></div>
                    <div class="yyfailback-wrap">
                        <div class="prevent-mask"></div>
                        <div class="yyfailback-btn" backstage></div>
                    </div>
                </div>
            </div>
            <a href="http://t.cn/RaOf1g2" class="hmm-link"></a>
        </div> 

        <!--应援成功弹层-->
        <div class="pop" id="yysuc-wrap">
            <div class="pop-con yysuc ">
                <div class="pop-close"></div>
                <div class="pop-close-all" backstage></div>
                <div class="con">
                    <div class="suc-emoji"></div>
                    <div class="yysuc-tit">
                        <div class="sharer-name"></div>
                        <div class="score"></div>
                    </div>
                    <div class="yysucback-wrap">
                        <div class="prevent-mask"></div>
                        <div class="yysucback-btn" backstage></div>
                        <div class="notplay-btn"></div>
                    </div>
                </div>
            </div>
            <a href="http://t.cn/RaOf1g2" class="hmm-link"></a>
        </div> 

        <!--应援条弹层-->
        <div class="pop" id="yyplay-wrap">
            <div class="pop-con yyplay ">
                <div class="pop-close"></div>
                <div class="pop-close-all" backstage></div>
                <div class="con">
                    <div class="yyplay-txt-wrap">
                        <div id="yyplay-txt" class="n5"></div>
                    </div>
                    <div class="supportline-wrap">
                        <div class="supportline">
                            <div class="line-inner"></div>
                        </div>
                    </div>
                    <div class="yyplay-btn"></div>
                    <div class="yy-hand"></div>
                </div>
            </div>
            <a href="http://t.cn/RaOf1g2" class="hmm-link"></a>
        </div>   
        
        <!--抽奖成功弹层-->
        <div class="pop" id="drawsuc-wrap">
            <div class="pop-con drawsuc ">
                <div class="pop-close"></div>
                <div class="pop-close-all" backstage></div>
                <div class="con">
                    <div class="drawsuc-tit">
                        <div class="cdkey"></div>
                    </div>
                    <div class="yywarn-txt">请长按复制保存，关闭弹窗后无法显示</div>
                    <div class="drawsucback-wrap">
                        <div class="drawshare-btn"></div>
                        <a href="https://adl.netease.com/d/g/yys/c/caomei" title="download" class="metoo-btn"></a>
                        <div class="show-rule"></div>
                    </div>
                </div>
            </div>
            <a href="http://t.cn/RaOf1g2" class="hmm-link"></a>
        </div>

        <!--抽奖失败弹层-->
        <div class="pop" id="drawfail-wrap">
            <div class="pop-con drawfail ">
                <div class="pop-close"></div>
                <div class="pop-close-all" backstage></div>
                <div class="con">
                    <div class="drawfail-tit"></div>
                    <div class="drawfailback-wrap">
                        <div class="drawshare-btn"></div>
                        <a href="https://adl.netease.com/d/g/yys/c/caomei" title="download" class="metoo-btn"></a>
                    </div>
                </div>
            </div>
            <a href="http://t.cn/RaOf1g2" class="hmm-link"></a>
        </div>

        <!--兑换码规则弹层-->
        <!-- <div class="pop pop-top" id="dhmgz-wrap"> -->
        <div class="pop pop-top" id="dhmgz-wrap">
            <div class="pop-con dhmgz">
                <div class="con">
                    <div class="swiper-slide-info swiper-container" id="con-1">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <p class="tit">活动规则</p>
                                <p>活动时间：</p>
                                <p>5月13日(游戏更新后)-5月18日24:00（限官方包玩家）</p>
                                <p>活动简介：</p>
                                <p>邀好友逛音乐节，并为平安京乐队应援助阵，赚应援值抽取稀有结界卡。</p>
                                <p>活动详情:</p>
                                <p>1.如何参加：游戏庭院——许愿架——灯笼“音乐节”，点击界面中的分享按钮，将小游戏分享给微信好友；</p>
                                <p>2.玩家奖励：好友每天可为5个乐队舞台应援，每次应援可为玩家随机获得0~10点应援值；每个玩家每天应援值上限300点；</p>
                                <p>3.好友奖励：好友完成小游戏可抽取限量网易云音乐会员体验劵；</p>
                                <p>4.好妹妹乐队携手网易云音乐邀你倾听‘乐感’阴阳师~《酒吞物语》青春开唱！</p>
                            </div>
                        </div>
                        <div class="swiper-scrollbar"></div>
                    </div>
                    
                </div>
            </div>
            <a href="http://t.cn/RaOf1g2" class="hmm-link"></a>
        </div>

        <!--兑换码规则弹层2-->
        <!-- <div class="pop pop-top" id="dhmgz-wrap"> -->
        <div class="pop pop-top" id="dhmgz-wrap2">
            <div class="pop-con dhmgz2">
                <div class="con">
                    <div class="swiper-slide-info swiper-container" id="con-2">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <p class="tit">云音乐兑换码使用说明</p>
                                <p>1.在云音乐手机端 — 账号 — 会员中心页，点击使用兑换码并输入兑换码兑换；也可在官网的会员中心处点击使用兑换码兑换；</p>
                                <p>2.兑换码兑换截止日期：2017年5月31日 23：59，过时作废且不予换新；兑换后获得云音乐3天普通会员体验福利；</p>
                                <p>3.会员日常使用问题可在网易云音乐上直接搜索用户“云音乐客服”，私信发送问题，我们将会及时查看并回复处理；</p>
                            </div>
                        </div>
                        <div class="swiper-scrollbar"></div>
                    </div>
                    
                </div>
            </div>
            <a href="http://t.cn/RaOf1g2" class="hmm-link"></a>
        </div>


        <!--微信分享层-->
        <div class="pop" id="share-wrap">
            <div class="pop-con final-share">
                
            </div>
        </div>
        

        <div class="img-cache">
            <img src="img/num/0.png" alt="num">
            <img src="img/num/1.png" alt="num">
            <img src="img/num/2.png" alt="num">
            <img src="img/num/3.png" alt="num">
            <img src="img/num/4.png" alt="num">
            <img src="img/num/5.png" alt="num">
        </div>
        
        <!--遮罩层-->
        <div id="fade" class="fade"></div>
        <!--此乃底部-->
        <!--营销点代码-->
        
        <!-- zepto mix NIE (最新版本）-->
        <script charset="utf-8" type="text/javascript"  src="js/common/init_fs.js"></script>
        <script charset="utf-8" src="https://nie.res.netease.com/comm/js/nie/util/trueLoad.v2.1.js"></script>
        <script charset="utf-8" src="https://nie.res.netease.com/comm/js/zepto(mixNIE).last.js"></script>
        <!--lib中的文件，自动合并为一个文件-->
       
        <script charset="utf-8" type="text/javascript" src="js/lib/swiper.js"></script>
        <script charset="utf-8" type="text/javascript"  src="js/common/common.js"></script>
        <script charset="utf-8" type="text/javascript"  src="js/common/global.js"></script>
        <script charset="utf-8" type="text/javascript"  src="js/app/yyplay.js"></script>
        
        <script charset="utf-8" type="text/javascript" src="js/lib/authorize.js"></script>
        <!-- <script charset="utf-8" type="text/javascript" src="js/lib/vconsole.min.js"></script> -->
        
        <script charset="utf-8" type="text/javascript" src="js/app/index.js"></script>
       
        

    </body>
</html>